<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<meta content="telephone=no" name="format-detection" />
		<title>库存查询</title>
		<link rel="stylesheet" type="text/css" href="css/base.css">
		<link rel="stylesheet" type="text/css" href="js/mui/css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="js/mui/css/mui.picker.css">
		<link rel="stylesheet" type="text/css" href="js/mui/css/mui.poppicker.css">
		
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/mui/js/mui.min.js"></script>
		
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a id="back" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">返回</a>
			<h1 id="title" class="mui-title">库存查询</h1>
		</header>
		<!--header-end-->

		<div class="container" id="container">
			<div class="add-class">
				<form>
					<ul>
						<br/>
						<li><label>仓库名称:</label><input id="stock_name" type="text" name="type" class="type" placeholder="请选择仓库" value=""></li>
						<li><label>商品品牌:</label><input id="goods_brand" type="text" name="amount" class="amount" placeholder="请选择商品品牌" value=""></li>
						<li><label>商品名称:</label><input id="coupons" type="text" name="coupons" class="coupons" placeholder="请输入商品名称" value=""></li>
						<li><label>商品编号:</label><input id="remarks" type="number" name="remarks" class="remarks" placeholder="请输入商品编号" value=""></li>
						<li><label>商品条码:</label><input id="remarks" type="number" name="remarks" class="remarks" placeholder="请输入商品条码号" value=""></li>
						<li><label>商品序列:</label><input id="remarks" type="text" name="remarks" class="remarks" placeholder="请输入商品序列号" value=""></li>
					</ul>

					<button type="button" onclick="search()" class="confirm-payment">查询</button>
				</form>
			</div>

		</div>
		<!--container-end-->
	</body>
	<script>
		document.getElementById("stock_name").addEventListener('tap', function() {
			var picker = new mui.PopPicker();
			picker.setData([{
				value: '1',
				text: '1号仓库'
			}, {
				value: '2',
				text: '2号仓库'
			}]);
			picker.show(function(items) {
				$("#stock_name").val(items[0].text);
			});
		}, false);

		document.getElementById("goods_brand").addEventListener('tap', function() {
			var picker = new mui.PopPicker();
			picker.setData([{
				value: '1',
				text: '安踏'
			}, {
				value: '2',
				text: '耐克'
			}]);
			picker.show(function(items) {
				$("#goods_brand").val(items[0].text);
			});
		}, false);

		function search() {
			location.href = "stock-list.html";
		}
	</script>

</html>